//1.引入Vue
import Vue from "vue"
//2.引入VueRouter
import VueRouter from "vue-router"

//引入组件
import Loagin from '../pages/Login'
import Home from '../pages/Home'
import Music from '@/pages/Home/Music/Music'
import News from '@/pages/Home/News/News'
//3.使用路由器 (本质是插件)
Vue.use(VueRouter)

//4.创建并暴露Router实例
export default new VueRouter({
  //在实例化路由器对象的配置中,书写路由表配置
  routes: [
    { path: '/login', component: Loagin },
    {
      path: '/home',
      component: Home,
      //在某个路由规则中如果有默认子路由,则在当前路由中不再书写name属性
      // name: "home",
      //redirect: '/home/news',
      children: [
        { name: "music", path: 'music', component: Music },
        { name: "news", path: 'news', component: News },
        // 二级路由重定向的方式1:redirect也适用于多级路由
        { path: '', redirect: '/home/music' },
        // 二级路由重定向的方式2:默认子路由 但这个路径上没有这个地址显示
        //{ path: "", component: Music },
      ]
    },
    // 一级路由的重定向 通过路由规则的redirect属性，指定一个新的路由地址，可以很方便地设置路由的重定向
    { path: '', redirect: '/home' }
  ]
})